<template>
  <div>
    <input class="inp" type="file" ref="photo" accept="image/*" multiple @change="scan($event)">
  </div>
</template>

<script>
import { garbageMixin } from '../../utils/mixin'

export default {
  mixins: [garbageMixin],
  data () {
    return {
      scanLists: [
        {
          'trust': 0.7018839999999999523794258493580855429172515869140625,
          'lajitype': 4,
          'name': '美女',
          'lajitip': '美女的垃圾分类系统暂时无法判别，请重新尝试拍摄物体的主要特征。'
        },
        {
          'trust': 0.5519659999999999566711039733490906655788421630859375,
          'lajitype': 4,
          'name': '时装T台',
          'lajitip': '时装T台的垃圾分类系统暂时无法判别，请重新尝试拍摄物体的主要特征。'
        },
        {
          'trust': 0.39905000000000001580957587066222913563251495361328125,
          'lajitype': 4,
          'name': '上衣',
          'lajitip': '上衣的垃圾分类系统暂时无法判别，请重新尝试拍摄物体的主要特征。'
        }
      ]
    }
  },
  methods: {
    scan (e) {
      let img = this.$refs.photo.files[0]
      console.log('data1', img)
      console.log('event1', e)
      let formdata = new FormData()
      formdata.append('file', img)
      console.log('formData1', formdata)
      // this.setScanList(this.scanLists)
      // this.$router.push('/home/scan')
      this.$axios.post('/rubbish/uploadImg', formdata)
        .then(res => {
          console.log(res, res.data.code, 'res.data code')
          if (res.status === 200) {
            this.setScanList(res.data.newslist)
            // this.setScanImg(img)
            this.$router.push('/home/scan')
          }
        }).catch(err => {
          console.log(err)
        })
    }

    // // base64 加密
    // getBase64 (file) {
    //   return new Promise(function (resolve, reject) {
    //     let reader = new FileReader()
    //     let imgResult = ''
    //     reader.readAsDataURL(file)
    //     reader.onload = function () {
    //       imgResult = reader.result
    //     }
    //     reader.onerror = function (error) {
    //       reject(error)
    //     }
    //     reader.onloadend = function () {
    //       resolve(imgResult)
    //     }
    //   })
    // },

    // // 解码
    // dataURItoBlob (dataURI) {
    //   // base64 解码
    //   // console.log('dataURI', dataURI)
    //   let byteString = window.atob(dataURI.split(',')[1])
    //   let mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
    //   // let T = mimeString.split('/')[1]
    //   let ab = new ArrayBuffer(byteString.length)
    //   let ia = new Uint8Array(ab)
    //   for (let i = 0; i < byteString.length; i++) {
    //     ia[i] = byteString.charCodeAt(i)
    //   }
    //   return new Blob([ab], {type: mimeString})
    // },

    // aquire () {
    //   let data = this.$refs.photo.files[0]
    //   console.log('data', data)
    //   // this.up = false
    //   // this.url = data.name
    //   // console.log(this.url)

    //   this.getBase64(data).then(res => {
    //     console.log('res', res)
    //     this.up = false
    //     this.url = res

    //     this.newphoto = res
    //     console.log('this.newphoto', this.newphoto)
    //     // this.newphoto = this.dataURItoBlob(res)
    //     // console.log('newphoto', this.newphoto)
    //     // if (this.newphoto !== '') {
    //     // this.photo = false
    //     // this.mod = true

    //     // 获取修改后的图片url
    //     // this.url = this.$refs.photo.value
    //     // console.log(this.url)

    //     var formdata = new FormData()
    //     formdata.append('key', '15a2bd4df547d7a20580f3108d8a36c7')
    //     formdata.append('img', this.newphoto)

    //     this.$axios.post(`http://api.tianapi.com/txapi/imglajifenlei/index`, formdata, {headers: {'Content-type': 'multipart/form-data'}}).then((response) => {
    //       if (response.status === 200) {
    //         this.$message({
    //           type: 'success',
    //           message: '成功'
    //         })
    //         console.log(response.data)
    //       }
    //     })

    //     // this.photo = formdata
    //     // formdata.append('photo', ' '+this.photoname)
    //     console.log(formdata)
    //     // console.log(this.photo)
    //   })

    //   // this.up = false
    // }
  }
}
</script>

<style lang="scss" scoped>
.inp {
  width: 25px;
  position: fixed;
  top: 5px;
  right: 20px;
  // background-image: url(../../assets/logo.png); /*引入图片图片*/
  // background-repeat: no-repeat; /*设置图片不重复*/
  // background-position: 0px 0px; /*图片显示的位置*/
  // width: 20px; /*设置图片显示的宽*/
  // height: 20px
}
</style>
